<html>
<head>
    <meta charset="UTF-8">
    <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet" />
    <link href="css/datetimepicker.css" type="text/css" rel="stylesheet" />
    <link href="css/style.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.12.2.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script type="text/javascript" src="js/jquery-dateFormat.min.js"></script>
    <script type="text/javascript" src="js/smart.template.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/order-sync.js"></script>

</head>
<body>
<div class="panel">
    <div class="panel-heading">
        <h3>订单同步</h3>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-6">
                <form class="form-horizontal"
                      style="width: 600px;"
                      id="tbkOrderFetchForm">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">订单状态</label>
                        <div class="col-sm-10">
                            <select class="form-control"
                                    data-cache="payStatus"
                                    name="payStatus" id="payStatus">
                                <option value="">全部订单</option>
                                <option value="3">订单结算</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">查询方式</label>
                        <div class="col-sm-10">
                            <select class="form-control" s="select"
                                    data-cache="queryType"
                                    name="queryType">
                                <option value="1">创建时间</option>
                                <option value="3">结算时间</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">开始时间</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control datetimepicker"
                                   autocomplete="off"
                                   data-cache="startTime"
                                   name="startTime" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">结束时间</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control datetimepicker"
                                   data-cache="endTime"
                                   autocomplete="off" name="endTime" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-3">时间间隔（分钟）</label>
                        <div class="col-sm-9">
                            <input type="number" value="5" data-cache="interval" id="interval" name="interval" class="form-control" />
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <!--<button type="button" id="fetchTbkOrderBtn" class="btn btn-default">开始同步</button>-->
                            <button type="button" id="fetchTbkOrderTaskBtn" class="btn btn-warning">添加任务</button>
                            <button type="button" id="fetchTbkOrderStopBtn" class="btn btn-default">停止所有</button>
                            <button type="button" id="fetchTbkOrderClearBtn" class="btn btn-default">清空任务</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-6">


                <ul class="list-group" id="taskList">
                    <li class="list-group-item">
                        <span>{{startTime}} - {{endTime}} {{payStatus}} {{queryType}}</span>
                        <a href="javascript:;" class="btn btn-danger btn-xs pull-right del-btn">删除</a>
                    </li>
                </ul>
            </div>
        </div>
        <textarea id="resultMsg" class="form-control" rows="10"></textarea>
    </div>
</div>
</body>
</html>